<?php $this->load->helper('url');
if ($success!=''){?>
<h4 class="alert_success"><?php echo '<script type="text/javascript">alert("' . $success . '"); </script>';?></h4>
<?php }?>
<?php if ($error!=''){?>
<h4 class="alert_error"><?php echo '<script type="text/javascript">alert("' . $error . '"); </script>';?></h4>
<?php }?>

<article class="module width_half" style="margin-bottom: 20px;">
	<header>
		<h3 style="width: 50%;">Báo cáo</h3>
		<script src="<?php echo base_url();?>/js/tabcontent.js" type="text/javascript"></script>
	</header>
	<div>
		<ul class="tabs">
			<li><a href="#" rel="view1">Tổng hợp</a></li>
	        <li><a href="#" rel="view2">Viết báo cáo</a></li>
	        <li><a href="#" rel="view3">Hướng dẫn thực tập</a></li>
		</ul>
		<div class="tabcontents">
	      	<div class="tabcontent" id="view1">
				<table class="tablesorter" cellspacing="0">
					<thead>
						<tr>
							<th>STT</th>
							<th>Tiêu đề</th>
							<!-- <th>Content Report</th> -->
							<th>Tệp đính kèm</th>
							<th>Từ/Đến</th>
							<th>Ngày gửi/nhận</th>
						</tr>
					</thead>
					<tbody>
						<?php 
							$i = 1;
							if (isset($report)) foreach ($report as $item){
							//$tmp = explode('|',$item->email);
						?>
						<tr>
							<td><?php echo $i;?></td>
							<td><a href="<?php echo site_url('/report/detail/'.$item->id);?>"><?php echo $item->tittle;?></a></td>
							<!-- <td><?php echo $item->content; ?></td> -->
							<td><?php echo anchor('/report/download/' . $item->file, 'Download');?></td>
							<td><?php 
								$this->load->model('UserModel');
								if ($item->student_id != 0) $student_name = $this->UserModel->get($item->student_id)->user;
								if ($item->teacher_id != 0) $teacher_name = $this->UserModel->get($item->teacher_id)->user;
								$this->load->model('CompanyModel');
								//if ($item->company_id != 0) $company_name = $this->CompanyModel->get($item->company_id)->email;
								if($type == 1) echo $teacher_name."@vnu.edu.vn";
								else echo $student_name."@vnu.edu.vn";
							?></td>
							<td><?php echo date('d-m-Y',strtotime($item->time)) ?></td>
						</tr>
						<?php $i++;?>
						<?php }?>
					</tbody>
				</table>
			</div>

			<div class="tabcontent" id="view2">
				<form method="POST" action="<?php echo site_url();?>/report/newreport" id="form-filter" enctype="multipart/form-data">
  					<span><b>Tiêu đề:</b></span>
  					<input size="87" type="text" name="tittle">
  					<div class="ns_right">
  						<span><b>Gửi tới:</b></span>
  						<?php if ($teacher != null) {?>
  							<input size="30" type="text" name="useremail[]" value= "<?php echo $teacher;?>@vnu.edu.vn"><br>
  						<?php }//end if 
  							if ($company != null) {
  						?>
  							<div class="ns_right"><input type="float:right;" size="30" type="text" name="useremail[]" value= "<?php echo $company?>"></div>
  						<?php } ?>
  					</div><br><br>
  					<!-- <div id="idd"></div><br><br> -->
  					<span><b>Nội dung:</b></span><br>
  					<textarea id="content_report" name="content" style="width: 878px; height: 144px;"></textarea><br><br>
  					<span><b>Chọn file:</b></span>
  					<input size="40" type="file" name="file"><br>
  					
  					Định dạng file hỗ trợ: *.pdf,*.doc,*.docx <br>
  					Dung lượng tối đa: 10Mb<br>
  					<input type="submit" name="upfile" value="Gửi báo cáo">
				</form>
			</div>

			<div class="tabcontent" id="view3">
				<div class="example2">
				<p>Hãy thêm tài khoản email của giáo viên hướng dẫn, công ty thực tập hoặc sinh viên đang thực tập của bạn tại đây. Mỗi báo cáo được gửi đi <br>
					mặc định sẽ gửi tới tài khoản mà bạn đã thêm. Mỗi sinh viên chỉ được thêm tối đa một địa chỉ email của giáo viên hướng dẫn và một địa chỉ <br>
					email của công ty thực tập.
				</p>
				</div><br>
				<div class="module_content" style="bgcolor:#dcdcdc">
					<?php if($teacher != null || $company != null) { ?>
						<h3>Danh sách email mặc định của bạn:</h3>
						<div style="font-weight: bold;font-size: 16px;padding-left: 30px;width:45%">
						<?php if($teacher != null) { ?>
						<fieldset style="padding: 1% 10px 1% 1%; border-right-width: 1px;">
							<input id="g.<?php echo $cid; ?>" type="text" value="<?php echo $teacher; ?>@vnu.edu.vn" readonly>
						</fieldset>
						<?php 
							}//end if 
							if($company != null) {
						?>
						<fieldset style="padding: 1% 10px 1% 1%; border-right-width: 1px;">
							<input id="g.<?php echo $cid; ?>" type="text" value="<?php if($company != null) echo $company; ?>@vnu.edu.vn" readonly>
						</fieldset>
						<?php }//end if ?>
						<input type="button" class="edit" id="<?php echo $cid; ?>" value="Edit">
						</div>
					<?php 
						}//end if 
						if($teacher == null && $company == null) {
					?>
					<form method="POST" action="<?php echo site_url();?>/report/guide" id="form-filter" enctype="multipart/form-data">
						<div id="idd"></div><br>
						<div style="padding: 20px 30px 10px 20px;" class="ns_right"><input type="submit" name="add_email" value="Save"></div>
					</form>
					<?php }//end if ?>
				</div>
			</div>
		</div>
	</div>
	<div>
	</div>
</article>

<script type="text/javascript">
	$(document).ready(function(){ 
		$(".tablesorter").tablesorter({headers: {8:{sorter:false}} }); 
	});
</script>

<script type="text/javascript">
  $(document).ready(function() {
    $('#idd').after('<button id="btn">+CC Email...</button>');       // insert the new button after the tag with id="idd"
    $('#btn').click(function() {
      $('#idd').append('<fieldset><input type="text" name="email[]" value= <?php echo $cid; ?> style="width:30%;"><font style="font-weight:bold;font-size:16px;">@vnu.edu.vn</font></fieldset><br>');
      return false;
    });
});
</script>

<script type="text/javascript">
$(document).ready(function(){
	$('.link').toggle(
		function () {
			if($('#box').text() == '') {
				$.ajax({
					url:'your_file.txt',
					method:'GET',
					success:function(r) {
						$('.link').html('hide');
						$('#box').html(r).hide().slideDown(1000);
					},
					error:function() {
						alert('file does not exist');
					}
				});
			} else {
				$(this).html('hide');
				$('#box').slideDown(1000);
			}
		},
		function () {
			$(this).html('show');
			$('#box').slideUp(1000);
		}
	);
});
</script>

<script type="text/javascript">
$(document).ready(function(){	
    $('.example1').hide().before('<a href="#" id="toggle-example1" class="button">CC</a>');
	$('a#toggle-example1').click(function() {
		$('.example1').slideToggle(1000);
		return false;
	});
});
</script>

<script type="text/javascript">
$(document).ready(function(){	
    $('.example2').hide().before('<a href="#" id="toggle-example2" class="button">Hướng dẫn</a>');
	$('#toggle-example2').click(function() {
		$('.example2').slideToggle(1000);
		return false;
	});
});
</script>

<script type="text/javascript">
    $(function() {
        $(".edit").click(function() {
          //var commentContainer = $(this).parent();
          //var eid= $(this).attr("cid");
          var eid= <?php echo $cid; ?>;
          var string= $('form').serialize();
          $("#"+eid).prop('value', 'Save');
          if (document.getElementById("g."+eid).readOnly == false) {
            $("#"+eid).prop('value', 'edit');
            document.getElementById('g.'+eid).readOnly = true;
            $.ajax({
              type: "POST",
              url: "<?php echo site_url('/report/save');?>",
              data: string,
              //cache: false,
              success: function(){
                $('#g.'+eid).html(data);
              },
            });
          } else {
            document.getElementById("c."+eid).readOnly = false;
          }
        });
    });
</script>